.activities{width: 100%; text-align: center;}
.activities_logo{width: 100%;}
.activities_img_activities{margin: 140px;}
.activities_introduce{width: 100%; border-bottom: 1px solid #E0E0E0;}
.activities_introduce ul{width: 90%; display: inline-block;}
.activities_introduce li{ width: 50%; float: left; margin-bottom: 40px; cursor: pointer;}
.activities_introduce_box{position: relative; width: 90%; display: inline-block;}
.activities_introduce li img{width: 100%; float: left;}
.activities_introduce_text{position: absolute; text-align: center; width: 100%; height: 45px; bottom: 0px; background: rgba(0,0,0,0.6); color: white;}
.activities_introduce_text p{width: 60%; display: inline-block; font-size: 15px; padding-top: 10px; line-height: 20px;}
.activities_introduce_text h3{font-size: 23px;margin-top: 8px;}

.activities_joinUs{ width: 100%;}
.activities_joinUs img{margin: 140px;}
.activities_joinUs_map{position: relative; width: 100%;}
.activities_joinUs_map img {width: 100%;}
.activities_joinUs_map_city{position: absolute; top: 25%; left: 28%; width: 130px; height: 35px; background: #7BCBD6; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.activities_joinUs_map_city p{color: white; padding: 10px 5px 10px 10px; text-align: left;}
.activities_joinUs_map_city img{position: absolute; top: 10px; left: 110px; width: 10px;}
.activities_joinUs_map_XYZ{position: relative; position: absolute; top: 48%; left: 60.5%; width: 300px; height: 100px;}
.activities_joinUs_map_black{position: absolute; top: 0px; left: 0px; width: 23px; height: 23px; border-radius: 50px; background: black;}
.activities_joinUs_map_XYZ img:nth-child(2){width: 120px; position: absolute; top: 7%; left: 2.5%;}
.activities_joinUs_map_XYZ img:nth-child(3){width: 160px; position: absolute; top: 37%; left: 35%;}
.activities_joinUs_text{margin-top: 20px; height: 80px; border-bottom: 1px solid #E0E0E0;}
.activities_joinUs_text a:nth-child(1){margin-right: 30px;}
.activities_joinUs_text a{font-size: 18px;}

.activities_contact{width: 100%;}
.activities_contact_img img{margin: 140px;}
.activities_contact_phone{height: 120px;}
.activities_contact_phone li{display: inline-block;}
.activities_contact_phone li:nth-child(1){margin-right: 50px;}
.activities_contact_phone li:nth-child(2){margin-right: 50px;}
.activities_contact_phone li img{vertical-align: middle; margin-right: 10px;}
.activities_contact_phone li p{display: inline-block;}

.activities_footer{width: 100%; background: #303030;}
.activities_footer img{margin: 40px; width: 90px;}
.activities_footer_text p{font-size: 15px;}
.activities_footer_text{margin-bottom: 20px;}

@media only screen and (min-width: 550px) and (max-width: 990px) {
	.activities_introduce ul{width: 90%; text-align: center;}
	.activities_introduce li{ width: 100%;}
	.activities_joinUs_map_XYZ{top: 43%;}
	
}

@media only screen and (min-width: 400px) and (max-width: 550px) {
	.activities_introduce ul{width: 100%; text-align: center;}
	.activities_introduce li{ width: 100%;}
	.activities_joinUs_map_XYZ{top: 37%; left: 61%; width: 100px; height: 50px;}
	
	.activities_joinUs_map_black{position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; border-radius: 50px; background: black;}
	.activities_joinUs_map_XYZ img:nth-child(2){width: 75px; position: absolute; top: 3%; left: 2.5%;}
	.activities_joinUs_map_XYZ img:nth-child(3){width: 100px; position: absolute; top: 44%; left: 46%;}
	.activities_joinUs_map_city{top: 18%; left: 8%;}
	
	.activities_contact_phone li{width: 100%; margin-top: 10px;}
	.activities_footer_text p{font-size: 14px;}
}

